<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>网友斯迈欧分享原创图片渐入渐出jquery插件</title>
    <link rel="stylesheet" href="css/ScrollPic.css">
</head>

<body>


   <div class="yiz-slider-1">
       <ul>
           <li><img src="images/1.jpg" /></li>
           <li><img src="images/2.jpg" /></li>
           <li><img src="images/3.jpg" /></li>
           <li><img src="images/4.jpg" /></li>
       </ul>
   </div>
<center>
 
 <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.FainPic.js" type="text/javascript"></script>
    <script type="text/javascript">
    /*
        插件介绍：本插件实现图片渐入渐出功能，可以配置是否自动切换、切换时间。
    */
    $(function(){
       $.ScrollPic({
        ele: '.yiz-slider-1',   //插件应用div
        Time:'3000',          //自动切换时间
        autoscrooll:true,       //设置是否自动渐变
      });
   })
    </script>
</body>
</html>
